{%include file="header.html"%}
<script type="text/javascript" src="{%$URL%}resource/laydate/laydate.js"></script>
<style>
td {font-weight: bold;}
.firtd {	width: 100px;	padding-right: 10px;	text-align: right;}
input {	width: 350px;}
textarea {	width: 350px;	height: 100px;}
</style>
<body>
<div class="fixed-bar">
  <div class="item-title">
    <h3>编辑广告</h3>
  </div>
</div>
<div class="fixed_bottom">
  <form method="post" action="" id="aspnetForm" name="form1" enctype="multipart/form-data">
  	<input type="hidden" name="ad_id" id="ad_id" value="{%$list.ad_id%}" />
    <table style=" width:100%;" cellpadding="0" cellspacing="0" class="table tb-type2">
      <tbody>
        <tr>
          <td class="firtd"> 广告名称:</td>
          <td><input type="text" name="ad_name" required value="{%$list.ad_name%}"> *</td>
        </tr>
        <tr>
          <td class="firtd"> 广告位置:</td>
          <td><select name="position_id" id="">
            {%foreach from=$position item=position1%}
            <option {%if $list.position_id == $position1.position_id%} selected="selected" required {%/if%} value="{%$position1.position_id%}">{%$position1.position_name%}</option>
            {%/foreach%}
            </select></td>
        </tr>
        <tr>
          <td class="firtd"> 开始日期:</td>
          <td><input type="text" name="start_time" id="start_time" required value="{%$list.start_time|date_format:'%Y-%m-%d %H:%M:%S'%}"> *</td>
        </tr>
        <tr>
          <td class="firtd"> 结束日期:</td>
          <td><input type="text" name="end_time" id="end_time" required value="{%$list.end_time|date_format:'%Y-%m-%d %H:%M:%S'%}"> *</td>
        </tr>
        <tr>
          <td class="firtd"> 广告链接:</td>
          <td><input type="text" name="ad_link" value="{%$list.ad_link%}"></td>
        </tr>
        <tr>
          <td class="firtd"> 上传广告图片:</td>
          <td><input style="width:150px;" type="file" name="ad_picture">{%if $list.ad_code%}<img width="100px;" src="{%if !strstr($list.ad_code,'http')%}../{%/if%}{%$list.ad_code%}" />{%/if%}</td>
        </tr>
        <tr>
          <td class="firtd"> 或图片网址:</td>
          <td><input type="text" name="ad_code" value="{%$list.ad_code%}"></td>
        </tr>
        <tr>
          <td class="firtd"> 是否开启:</td>
          <td>
            <input style="width:30px;" type="radio" name="enabled" value="1" {%if $list.enabled==1%} checked="checked" {%/if%}>开启
            <input style="width:30px;" type="radio" name="enabled" value="0" {%if $list.enabled==0%} checked="checked" {%/if%}>关闭
          </td>
        </tr>
        <tr>
          <td class="firtd"> 排序:</td>
          <td>
            <input type="text" name="sort_id" value="{%$list.sort_id%}">
          </td>
        </tr>
        <tr>
          <td class="firtd"> H5链接:</td>
          <td><input type="text" name="link_h5" value="{%$list.link_h5%}"></td>
        </tr>
        <tr>
          <td class="firtd"> IOS链接:</td>
          <td><input type="text" name="link_ios" value="{%$list.link_ios%}"></td>
        </tr>
        <tr>
          <td class="firtd"> Android链接:</td>
          <td><input type="text" name="link_android" value="{%$list.link_android%}"></td>
        </tr>
        <tr>
          <td class="style1">&nbsp;</td>
          <td>
              <a href="JavaScript:void(0);" class="btn" onclick="reset()"><span>重置</span></a>
              <a href="JavaScript:void(0);" class="btn" onclick="$('#tj').click()"><span>确认提交</span></a>
          </td>
        </tr>
      </tbody>
    </table>
    <input type="reset" id="cz" style="display: none;">
    <input type="submit" id="tj" style="display:none;";>
  </form>
</div>
</body>

<script>
// 重置方法
function reset(){
	$('input').val('');
	$('textarea').text('');
	$('select').val('');
}
//选择时间
laydate({
  elem: '#start_time', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  event: 'focus', //响应事件。如果没有传入event，则按照默认的click
  format: 'YYYY-MM-DD hh:mm:ss', //日期格式
  istime: true, //是否开启时间选择
  isclear: true, //是否显示清空
  istoday: true, //是否显示今天
  issure: true, //是否显示确认
  festival: true, //是否显示节日
  min: '1900-01-01 00:00:00', //最小日期
  max: '2099-12-31 23:59:59', //最大日期
  fixed: true, //是否固定在可视区域
});
laydate({
  elem: '#end_time', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  event: 'focus', //响应事件。如果没有传入event，则按照默认的click
  format: 'YYYY-MM-DD hh:mm:ss', //日期格式
  istime: true, //是否开启时间选择
  isclear: true, //是否显示清空
  istoday: true, //是否显示今天
  issure: true, //是否显示确认
  festival: true, //是否显示节日
  min: '1900-01-01 00:00:00', //最小日期
  max: '2099-12-31 23:59:59', //最大日期
  fixed: true, //是否固定在可视区域
});

</script>
</html>